import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    expansion: false,//expansion：展开
    routerData: [],  //路由记录
    activeShow:"/index"
  },
  mutations: {
    changEx(state, datas) { //定义方法修改  state中的数据
      state.expansion = datas
    },
    //添加路由记录
    addRouter(state, item) {
      //前面的变成false
      state.routerData.forEach(function (item) {
        item.show = false
      })
      //最后一个点击的路由样式高亮   [{show:true}]
      state.routerData.push(item)
    },
    //改变样式
    changeStyle(state, items) {//例如[{title:首页,show:false},{title:icon,show:true}]
      // console.log(items)
      state.routerData.forEach((item) => {
        item.show = false
      })
      let key = state.routerData.find((item) => { //find 可以根据条件找到哪个元素 并返回
        return item.title == items.title
      })
      key.show = true
    },

    //修改active
    changeActive(state,item){
       state.activeShow = item
    },

    //删除路由
    deData(state,index){
      state.routerData.splice(index,1)
      // this.
    }
  },
  actions: {
  },
  modules: {
  }
})
